
/* the overlayed element */
.apple_overlay {
  
  /* initially overlay is hidden */
  display:none;
  
  /* growing background image */
  background-image:url(/overlay/img/white.png);
  
  /* 
    width after the growing animation finishes
    height is automatically calculated
  */
  width:400px;    
  
  /* some padding to layout nested elements nicely  */
  padding:40px;

  /* a little styling */  
  font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
  background-image:url(/overlay/img/close.png);
  position:absolute; right:0px; top:0px;
  cursor:pointer;
  height:35px;
  width:35px;
  z-index:999;
}

#overlay {
    background-image:url(/overlay/img/transparent_high.png);
    color:#efefef;
    height:400px;
  }
  
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:400px;
    overflow-y:auto;
  }

<!--[if lte IE 7]>
  div.apple_overlay {
    background-image:url(/overlay/img/overlay_IE6.gif);
    color:#fff;
  }
  
  /* default close button positioned on upper right corner */
  div.apple_overlay div.close {
    background-image:url(/overlay/img/overlay_close_IE6.gif);
  
  }  
  <![endif]-->
